<page-header title="我的客户" [breadcrumb]="breadcrumb">
    <ng-template #breadcrumb>
        <ql-breadcrumb>
            <ql-breadcrumb-item>客户管理</ql-breadcrumb-item>
            <ql-breadcrumb-item>客户查询</ql-breadcrumb-item>
        </ql-breadcrumb>
    </ng-template>
</page-header>

<page-container>
    <data-form [showReset]="false" [formGroup]="formGroup" (submit)="onRefresh()">
        <ql-form-item label="客户号">
            <ql-input></ql-input>
        </ql-form-item>
        <ql-form-item label="客户姓名">
            <ql-input></ql-input>
        </ql-form-item>
        <ql-form-item label="手机号">
            <ql-input></ql-input>
        </ql-form-item>
        <ql-form-item label="客户类型">
            <ql-select>
                <ql-option *ngFor="let item of dictService.getDict('customer_type')" [label]="item.paramLabel" [value]="item.paramValue"></ql-option>
            </ql-select>
        </ql-form-item>
        <ql-form-item label="客户等级">
            <ql-select>
                <ql-option *ngFor="let item of dictService.getDict('customer_type')" [label]="item.paramLabel" [value]="item.paramValue"></ql-option>
            </ql-select>
        </ql-form-item>
        <!-- <ql-form-item label="卡号">
            <ql-input></ql-input>
        </ql-form-item>
        <ql-form-item label="存款账号">
            <ql-input></ql-input>
        </ql-form-item>
        <ql-form-item label="贷款账号">
            <ql-input></ql-input>
        </ql-form-item> -->
    </data-form>

    <data-table (selection-change)="onCheckChange($event)" [model]="customerList" selection="multiple" [cursor]="cursorService" (cursor-change)="onRefresh()">
        <ql-table-column model-key="customerno" label="客户编号"> </ql-table-column>
        <ql-table-column model-key="usedname" label="客户姓名"> </ql-table-column>
        <ql-table-column model-key="sex" label="性别" width="80">
            <ng-template #slot let-scope="scope">
                {{scope.rowData.sex | dict:'sex'}}
            </ng-template>
        </ql-table-column>
        <ql-table-column model-key="age" label="年龄" width="80"> </ql-table-column>
        <ql-table-column model-key="customertype" label="客户类型">
            <ng-template #slot let-scope="scope">
                {{scope.rowData.customertype | dict:'customer_type'}}
            </ng-template>
        </ql-table-column>
        <ql-table-column model-key="customerlevel" label="客户等级">
            <ng-template #slot let-scope="scope">
                {{scope.rowData.customerlevel | dict:'customer_level'}}
            </ng-template>
        </ql-table-column>
        <ql-table-column model-key="mobilephone" label="客户电话"> </ql-table-column>
        <ql-table-column model-key="firstopentime" label="开户时间"> </ql-table-column>
        <ql-table-column model-key="assetbal" label="客户资产" width="80"> </ql-table-column>
        <ql-table-column model-key="aum" label="AUM" width="80"> </ql-table-column>
        <ql-table-column model-key="holdprodnum" label="持有产品数"> </ql-table-column>
        <ql-table-column model-key="lastinteracttime" label="互动时间"> </ql-table-column>
        <ql-table-column label="操作" width="100">
            <ng-template #slot let-scope="scope">
                <ql-button type="text" (click)="jumpDeatail(scope)">详情</ql-button>
            </ng-template>
        </ql-table-column>
    </data-table>

</page-container>